<template>
  <div class="leftSide">
    <el-menu class="el-menu-vertical-demo" router unique-opened>
      <el-submenu index="1">
        <template slot="title">
          <i class="el-icon-s-custom"></i>
          <span>用户管理</span>
        </template>
        <el-menu-item index="1-1" :route="{path:'/userList'}">用户列表</el-menu-item>
        <el-menu-item index="1-2">黑名单列表</el-menu-item>
        <el-menu-item index="1-3">反馈管理</el-menu-item>
        <el-menu-item index="1-4">账号找回</el-menu-item>
      </el-submenu>
      <el-submenu index="2">
        <template slot="title">
          <i class="el-icon-s-order"></i>
          <span>订单管理</span>
        </template>
        <el-menu-item index="2-1">订单管理</el-menu-item>
        <el-menu-item index="2-2">账单流水</el-menu-item>
        <el-menu-item index="2-3">金币管理</el-menu-item>
        <el-menu-item index="2-4">余额管理</el-menu-item>
        <el-menu-item index="2-5">用户提现</el-menu-item>
      </el-submenu>
      <el-submenu index="3">
        <template slot="title">
          <i class="el-icon-s-data"></i>
          <span>数据统计</span>
        </template>
        <el-menu-item index="3-1">充值统计</el-menu-item>
        <el-menu-item index="3-2">注册/活跃</el-menu-item>
        <el-menu-item index="3-3">每日渠道统计</el-menu-item>
      </el-submenu>
      <el-submenu index="4">
        <template slot="title">
          <i class="el-icon-s-cooperation"></i>
          <span>内容管理</span>
        </template>
        <el-menu-item index="4-1">用户视频上传管理</el-menu-item>
        <el-menu-item index="4-2">后台视频上传管理</el-menu-item>
        <el-menu-item index="4-3">社区动态管理</el-menu-item>
        <el-menu-item index="4-4" v-if="isShowTopicCircle">话题圈</el-menu-item>
        <el-menu-item index="4-5">发现及搜索</el-menu-item>
        <el-menu-item index="4-6">视频上传分类管理</el-menu-item>
        <el-menu-item index="4-7">视频关键词</el-menu-item>
      </el-submenu>
      <el-submenu index="5">
        <template slot="title">
          <i class="el-icon-s-platform"></i>
          <span>运营管理</span>
        </template>
        <el-menu-item index="5-1">开机动画管理</el-menu-item>
        <el-menu-item index="5-2">图片广告管理</el-menu-item>
        <el-menu-item index="5-3">视频广告管理</el-menu-item>
        <el-menu-item index="5-4">会员卡管理</el-menu-item>
        <el-menu-item index="5-5">金币套餐管理</el-menu-item>
        <el-menu-item index="5-6">付费渠道管理</el-menu-item>
        <el-menu-item index="5-7">兑换码列表</el-menu-item>
        <el-menu-item index="5-8">渠道管理</el-menu-item>
        <el-menu-item index="5-9">邀请规则管理</el-menu-item>
        <el-menu-item index="5-10">邀请群管理</el-menu-item>
        <el-menu-item index="5-11">系统公告管理</el-menu-item>
      </el-submenu>
      <el-submenu index="6">
        <template slot="title">
          <i class="el-icon-s-tools"></i>
          <span>系统管理</span>
        </template>
        <el-menu-item index="6-1">系统配置</el-menu-item>
        <el-menu-item index="6-2">版本升级管理</el-menu-item>
        <el-menu-item index="6-3" v-if="isShowPermissionResoursManagement">权限资源管理</el-menu-item>
        <el-menu-item index="6-4" v-if="isShowRolesManagement">角色管理</el-menu-item>
        <el-menu-item index="6-5" v-if="isShowAdministrator">管理员管理</el-menu-item>
        <el-menu-item index="6-6">域名管理</el-menu-item>
      </el-submenu>
      <el-submenu index="7">
        <template slot="title">
          <i class="el-icon-video-camera-solid"></i>
          <span>系统监控</span>
        </template>
        <el-menu-item index="7-1">错误日志</el-menu-item>
        <el-menu-item index="7-2">用户行为分析</el-menu-item>
        <el-menu-item index="7-3">操作日志</el-menu-item>
      </el-submenu>
    </el-menu>
  </div>
</template>
<script>
export default {
  props: [],
  data() {
    return {
      //当前账号的权限详情
      permissionsDetail: {},
       //是否显示权限资源管理路由
      isShowPermissionResoursManagement:false,
      //是否显示管理员管理路由
      isShowAdministrator: false,
      //是否显示角色管理路由
      isShowRolesManagement: false,
      //是否显示话题圈路由
      isShowTopicCircle: false
    };
  },
  mounted() {
    //权限判断
    let permissions = this.$store.state.permissions;
    // console.log(permissions);
    permissions.forEach((item, index) => {
      if (item == -1 || item == 35) {
        this.isShowPermissionResoursManagement = true;
      }
      if (item == -1 || item == 26) {
        this.isShowAdministrator = true;
      }
      if (item == -1 || item == 41) {
        this.isShowRolesManagement = true;
      }
      if (item == -1 || item == 57) {
        this.isShowTopicCircle = true;
      }
    });
  },
  methods: {}
};
</script>
<style scoped>
</style>


